<template>
  <view class="withdraw-status">
    <view class="status">
      <view class="status-icon">
        <image :src="'/static/image/icon-withdraw-'+status+'.png'" class="icon"></image>
      </view>
      <view class="status-text">
        <text class="text">{{status ==='success'?'申请成功':'申请失败'}}</text>
      </view>
      <view class="status-info">
        <text class="info">{{status ==='success'?'预计2小时到账，请注意查收':'失败原因'}}</text>
      </view>
    </view>
  </view>
</template>
<script setup>
import { ref, reactive } from "vue";
import { onLoad } from "@dcloudio/uni-app";
var status = ref();
onLoad((options) => {
  status.value = options.type || "success";
});
</script>
<style lang="scss">
page {
  background-color: #f6f6f8;
}
.withdraw-status {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  .status {
    display: flex;
    width: 200rpx;
    margin: -200rpx 0 0 0;
    flex-direction: column;
    .status-icon,
    .status-text,
    .status-info {
      display: flex;
      justify-content: center;
      align-items: center;
    }
    .icon {
      width: 160rpx;
      height: 160rpx;
    }
    .status-text {
      padding: 10rpx 0 20rpx;
      .text {
        color: #232f3f;
        font-size: 40rpx;
        font-style: normal;
        font-weight: 600;
      }
    }
    .status-info {
      .info {
        color: #6c7f96;
        font-size: 28rpx;
        text-align: center;
      }
    }
  }
}
</style>
